<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    rel="stylesheet"
  />
    <link rel="stylesheet" href="css/common-PC.css" />
    <link rel="stylesheet" href="css/login.css" />
    <title>登录</title>
  </head>
  <body>
    <div class="bc"></div>
    <div class="all clr">
      <div class="all_c">
        <div class="header">
          <div class="header_t">
            <div class="logo fl">
              <img src="./img/logo.png" alt="" />
              <a href="https://www.mi.com/index.html">xm</a>
            </div>
            <h1>小米账号</h1>
          </div>
          <div class="nav">
            <a href="">用户协议</a>
            <a href="">隐私政策</a>
            <a href="">帮助中心</a>
            <span>|</span>
            <a href="">中文(简体)</a>
          </div>
        </div>
        <div class="login">
          <div class="login_t">
            <a href=""> 登录 </a>
          </div>
          <form action="../interface/login.php" method="POST">
          <div class="user">
            <input
              type="text"
              name="username"
              id=""
              placeholder="邮箱/手机号码/小米ID"
            />
          </div>
          <div class="psd">
            <input type="password" name="password" id="" placeholder="密码" />
          </div>
          <input type="submit" class="btn" value="登录"></input>
          <div class="zi">
            <div>
              <a href=""> 忘记密码 </a>
            </div>
            <div>
              <a href=""> 手机号登录 </a>
            </div>
          </div>
          <div class="other">
            <p>其他方式登录</p>
          </div>
          <div class="tu">
            <img src="img/login-1.png" alt="" />
          </div>
        </form>
        </div>
        <div class="footer">
          <p>
            小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
          </p>
        </div>
      </div>
    </div>

    <script src="./js/library/lazyload/jquery-1.11.0.min.js"></script>
    <script src="./js/library/lazyload/jquery.lazyload.js"></script>
    <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.lazy").lazyload({effect: "fadeIn"});
      });
    </script>
  </body>
</html>
